Ext.define("FirstMate.view.Main", {
	extend: 'Ext.tab.Panel',
	id : 'mainView',
	fullscreen: false,
	config: {
		defaults: {
	      layout: 'fit'
	    },
		tabBar : {
			docked : 'bottom',
			centered : true,
			//hidden : 'true'
			ui : 'dark'
		},
	    items: [
	            {
	            	iconCls : 'compass1',
	            	title : 'Map',
	                items: 
                		{
                			xtype: 'mapview'
                		}
	            },
	            {
	            	iconCls : 'download',
	            	//hidden : false,
	            	title : 'Tides',
	                items: 
	                    {
                			xtype: 'stationsview'
                		}
	            },
	            {
	            	iconCls : 'cloud',
	            	title : 'WWO',
	                items: 
	                    {
                			xtype: 'forecastview'
                		}
	            },
	            {
	            	iconCls : 'cloud',
	            	title : 'NWS',
	                items: 
	                    {
	            			xtype: 'NWSforecastview'
	            		}
	            },
	            {
	            	iconCls : 'settings',         
	            	title : 'Settings',
	                items: 
	                {
            			xtype: 'settingsview'
            		}
	            }
		        ]
	}
});